import React, { Component } from 'react'
import { Context } from '../../App'

export default class Child extends Component {
  render() {
    // !#3 Context.Consumer 配合函数使用数据
    // 函数的返回值就是需要渲染的结构
    // 函数的参数就是祖先提供的数据
    return (
      <Context.Consumer>
        {(value) => <div>Child: {value}</div>}
      </Context.Consumer>
    )
  }
}
